<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>打卡详情</title>
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="sign-details.css" />
	</head>
	<body class="mui-plus mui-statusbar mui-statusbar-offset">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="nav-title" class="mui-title">打卡详情</h1>
		</header>
		<div class="mui-content mui-fullscreen" style="">
			<div style="background-color: white;">
				<div class="today-top">
					<div class="today-content" id="today-content">
						<div id="today-date" class="today-date">
						</div>
						<div class="today-year-lunar">
							<div id="year">
							</div>
							<div id="lunar">
							</div>
						</div>
					</div>
					<div id="today-icon" class="today-icon">
						<img src="../../images/attendance/ic_calendar_black.png">
						<span id="calendar-text" class="calendar-text" style=""></span>
					</div>
				</div>
				<div class="calendar">
					<div class="lightgrey body-list">
						<ul class="mui-table-view ">
							<li>Sun</li>
							<li>Mon</li>
							<li>Tue</li>
							<li>Wed</li>
							<li>Thu</li>
							<li>Fri</li>
							<li>Sat</li>
						</ul>
					</div>
					<div class="darkgrey body-list">
						<ul class="mui-table-view" id="days">
						</ul>
					</div>
				</div>
			</div>
			<div class="shift-info" id="shift-info" style="display: none;">
				<div id="shift-title" class="ui-title" style="display: ;">
					默认班次
				</div>
				<div class="" id="">
					<ul id="recordul" class="shift-info-ul">
						<li data-id="123456" class="mui-table-view-cell mui-media item-cell" style="display:;">
							<div class="content-mid">
								<div class="left-image">
									上班
								</div>
								<div class="shift-content">
									<div class="column-one">
										<div class="signState" id="signState-on">
										</div>
										<button id="signBtn-on" class="signBtn" type="button"></button>
									</div>
									<div id="column-two-on" class="column-two" style="display: ;">
										<div class="feedback-title" id="feedback-title-on">
										</div>
										<div class="feedback-content" id="feedback-content-on">
										</div>
									</div>
									<div class="column-three">
										<div class="position-icon" id="position-icon-on">
											<img src="../../images/attendance/att_position.png">
										</div>
										<div class="position-adress" id="position-adress-on">
											
										</div>
									</div>
								</div>
							</div>
						</li>

						<li data-id="12345" class="mui-table-view-cell mui-media item-cell" style="display:;">
							<div class="content-mid">
								<div class="left-image">
									下班
								</div>
								<div class="shift-content">
									<div class="column-one">
										<div class="signState" id="signState-off">
									
										</div>
										<button id="signBtn-off" class="signBtn" type="button"></button>
									</div>
									<div id="column-two-off" class="column-two" style="display: ;">
										<div class="feedback-title" id="feedback-title-off">
											
										</div>
										<div class="feedback-content" id="feedback-content-off">
											
										</div>
									</div>
									<div class="column-three">
										<div class="position-icon" id="">
											<img src="../../images/attendance/att_position.png">
										</div>
										<div class="position-adress" id="position-adress-off">
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../js/util.js"></script>
	<script type="text/javascript" src="../../util/log.js"></script>
	<script type="text/javascript" src="../../util/local-storage.js"></script>
	<script type="text/javascript" src="../../util/server.js"></script>
	<script type="text/javascript" src="../../common/common.js"></script>
	<script type="text/javascript" src="../../common/lunar.js"></script>
	<script type="text/javascript" src="../../server/attendance/attendance-server.js"></script>

	<script type="text/javascript" src="sign-details-var.js"></script>
	<script type="text/javascript" src="sign-details-func.js"></script>
	<script type="text/javascript" src="sign-details.js"></script>
</html>
